/* Applicant home PRIZM alignment
   Loaded after page-local styles so the standalone HTML home pages match the
   Next.js app typography scale more closely. */

html {
  font-size: clamp(13.5px, 0.34vw + 11px, 16px);
}

body {
  font-family: var(--font-sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.app-title {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 600 !important;
}

.page-title,
.page-head-title h1,
.prog-page-title {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.page-sub,
.page-head-sub,
.prog-page-sub,
.detail-sub {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
}

.card-title,
.detail-title,
.signup-title,
.modal-title,
.apply-card h2 {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 600 !important;
}

.row-title,
.item-title,
.compact-title,
.task-title,
.event-title,
.project-title,
.document-title,
.feedback-title,
.timeline-title {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 600 !important;
}

.row-meta,
.item-sub,
.compact-sub,
.task-sub,
.event-meta,
.document-status,
.feedback-sub,
.timeline-copy,
.profile-value,
.info-value,
.summary-value,
.project-fact-value,
.internship-value,
.internship-field-value,
.project-scope-copy,
.office-card,
.action-copy {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
}

.signup-sub,
.modal-sub,
.card-sub,
.cell-sub {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
}

.btn,
.view-link,
.profile-name,
.nav-workstream-value,
.pref-name,
.skill-pill,
.action-title {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
}

.profile-role,
.badge,
.stage-name,
.stage-date,
.detail-kicker,
.section-label,
.profile-label,
.info-label,
.summary-label,
.internship-label,
.internship-field-label,
.project-fact-label,
.nav-label {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.nav-workstream-label,
.nav-badge {
  font-size: 0.6875rem !important;
  line-height: 0.875rem !important;
}

.nav-label {
  font-weight: 600 !important;
}

.engagement-title {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 600 !important;
}

.engagement-sub {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.card,
.engagement-card,
.detail-panel,
.profile-card,
.item,
.project-card,
.office-card {
  border-radius: 0.75rem !important;
}

@media (max-width: 900px) {
  .app-title {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}